<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form th:action="@{/login}" method="post">
        <div class="form-group has-feedback">
            <span class="fa fa-user form-control-feedback"></span>
            <input class="form-control" id="userName" name="userName" placeholder="请输入账号" required="true"
                   type="text">
        </div>
        <div class="form-group has-feedback">
            <span class="fa fa-lock form-control-feedback"></span>
            <input class="form-control" id="password" name="password" placeholder="请输入密码" required="true"
                   type="password">
        </div>
        <div class="row">
            <div class="col-6">
                <input class="form-control" name="verifyCode" placeholder="请输入验证码" required="true" type="text">
            </div>
            <div class="col-6">
                <img alt="单击图片刷新！" class="pointer" onclick="this.src='/captcha?d='+new Date()*1"
                     th:src="@{/captcha}">
            </div>
        </div>
        <div class="form-group has-feedback"></div>
        <div class="row">
            <div class="col-8">
            </div>
            <div class="col-4">
                <button class="btn btn-primary btn-block btn-flat" type="submit">登录
                </button>
            </div>
        </div>
   </form>

</body>

</html>